import React from 'react';
import {renderRoutes} from "../../router";
import {routes} from "../../router/routes";
import {NavLink, Routes} from "react-router-dom";

export const    RoutesListComp = function () {
    return (
        <>
            <div>
                <NavLink to="/">A</NavLink>
            </div>
            <h5>================================</h5>
            <div>
                <NavLink to="/b">B</NavLink>
            </div>
            <h5>================================</h5>
            <div>
                <NavLink to="/c">C</NavLink>
            </div>
            <br/>
            <h3>================================</h3>
            <Routes>
                {renderRoutes(routes)}
            </Routes>
        </>
    )

};
